﻿@page "/table"
@namespace BootstrapBlazorApp.OnlyServer.Pages
@attribute [TabItemOption(Text = "Table")]
<PageTitle>Table</PageTitle>

<h1>Table - 固定标签页</h1>

<Table TItem="Foo" IsPagination="true" PageItemsSource="PageItemsSource" class="table-demo"
       IsStriped="true" IsBordered="true" ShowSkeleton="true" IsMultipleSelect="true"
       ShowToolbar="true" ShowSearch="true" ShowExtendButtons="true"
       OnQueryAsync="OnQueryAsync">
    <TableColumns>
        <TableColumn @bind-Field="@context.Name" Sortable="true"></TableColumn>
        <TableColumn @bind-Field="@context.Address" Sortable="true"></TableColumn>
        <TableColumn @bind-Field="@context.Count" Sortable="true"></TableColumn>
    </TableColumns>
    <PageInfoBodyTemplate>
        <div>
            <span class="color1">我</span> 0
            <span class="color1">自</span> 0
            <span class="color1">到</span> 0
            <span class="color1">其他</span> 0
            <span class="color1">Teu</span> 0
            <span class="color1">票</span> 0
            <span class="color1">20'</span> 0
            <span class="color1">20'</span> 0
            <span class="color1">20'</span> 0
            <span class="color1">20'</span> 0
        </div>
    </PageInfoBodyTemplate>
</Table>
